<template>
	<div class="titles"> 我要看车 </div>
	<div>
		<p></p>
	</div>

	<van-cell-group class="buy">
		<div class="cron">
			<p class="label">燃油车</p>
			<van-card
			  price="7.25万"
			  desc="全车一件补漆"
			  title="哈弗H6 运动版 2019款"
			  thumb="/src/images/home/h6.jpg"
			>
			  <template #tags>
			    <van-tag plain type="danger">精品</van-tag>
			  </template>
			  <template #footer>
			    <van-button size="big">咨询</van-button>
			  </template>
			</van-card>
			
			<van-card
			  price="40.36万"
			  desc="小姐姐一手车"
			  title="奔驰E300L 2021款"
			  thumb="/src/images/home/bcE.jpg"
			>
			  <template #tags>
			    <van-tag plain type="danger">精品</van-tag>
			    <van-tag plain type="danger">全车原车漆</van-tag>
			  </template>
			  <template #footer>
			    <van-button size="big">咨询</van-button>
			  </template>
			</van-card>
		</div>
		
		<div class="cron">
			<p class="label">新能源</p>
			<van-card
			  price="16.28万"
			  desc="原版原漆"
			  title="小鹏P5 2021款"
			  thumb="/src/images/home/xp5.jpg"
			>
			  <template #tags>
			    <van-tag plain type="danger">极品</van-tag>
			    <van-tag plain type="danger">原车漆</van-tag>
				<van-tag plain type="danger">新能源</van-tag>
			  </template>
			  <template #footer>
			    <van-button size="big">咨询</van-button>
			  </template>
			</van-card>
			
			<van-card
			  price="36.8万"
			  desc="极品车况"
			  title="宝马5系 新能源 2020款"
			  thumb="/src/images/home/bwm5.jpg"
			>
			  <template #tags>
			    <van-tag plain type="danger">精品</van-tag>
			    <van-tag plain type="danger">新能源</van-tag>
			  </template>
			  <template #footer>
			    <van-button size="mini">咨询</van-button>
			  </template>
			</van-card>
		</div>	
	</van-cell-group>

</template>

<script lang="ts" setup>
	import {onMounted} from 'vue';
	onMounted(()=>{
		console.log("this is on Mounted")
		changeGuidActive()
	})
	const $emit = defineEmits(['change'])
	const changeGuidActive = () => {
		console.log("change",1)
		$emit("change",1)
	}
	
	
	const onClickLeft = () => history.back();
</script>

<style>
	.buy {
		margin-bottom: 20%;
	}
	
	.cron {
		padding-top: 2%;
		padding-bottom: 15px;
		border-top: 2px solid #cecece;
	}
</style>